@media only screen and (min-width: 1678px) and (max-width: 1923px) {}

@media only screen and (min-width: 1367px) and (max-width: 1677px) {}

@media only screen and (min-width: 1024px) and (max-width: 1366px) {
    .custom-navbar .nav li a {
        padding: 0 20px;
    }

    .custom-navbar .navbar-brand img {
        padding: 0 0 0 20px;
    }

    .custom-navbar .snav {
        margin-right: 10px;

    }

    #video,
    #speakers,
    #program,
    #sponsors,
    #contact,
    footer {
        padding-top: 5rem;
        padding-bottom: 4rem;
    }

    #speakers .col-md-3 {
        padding: 0 1rem;
    }

    #speakers img {
        width: 90%;
    }

    #speakers .fieldr {
        width: 66.66666666%;
    }

    .toutiao p {
        display: none
    }

    #speakers .col-lg-9 {
        padding: 0 0px;
    }

    .xxlb li.list_item {
        width: 50%
    }

    .newstitle,
    .eventstitle,
    .section-title {
        margin-left: 1.5rem;
    }

    .newstitle h2,
    .eventstitle h2,
    .section-title h2 {
        font-size: 30px;
    }

    .newspic .cell-inner-inner {
        min-height: 16rem;
    }

    .lanmulist div h3 {
        font-size: 24px;
    }
}

@media (min-width: 1280px) {
    .container {
        width: 100%;
    }

}

@media (max-width: 1024px) {
    .container {
        padding: 0;
        width: 100%;
    }

    .row {
        margin: 0
    }

    .custom-navbar .navbar-brand {
        padding-top: 0;
        height: auto;
    }

    .custom-navbar .navbar-brand img {
        max-width: 100%;
        padding: 0 0 0 15px;
    }

    .custom-navbar.top-nav-collapse .navbar-brand {
        padding-top: 15px
    }

    .custom-navbar.top-nav-collapse .navbar-brand img {
        max-width: 80%;
    }

    .custom-navbar.top-nav-collapse .snav ul {
        background: none !important
    }

    .custom-navbar.top-nav-collapse .nav li a {
        color: #fff;
        font-size: 16px;
        font-weight: 600;
        padding: 0 15px;
        line-height: 36px;
    }

    .custom-navbar .nav li a {
        color: #fff;
        font-size: 16px;
        font-weight: 600;
        padding: 0 15px;
        line-height: 36px;
    }

    .custom-navbar .snav {
        margin-right: 15px;
    }

    .sangar-slideshow-container .sangar-textbox-content p.sangar-slide-title {
        font-size: 4rem;
        line-height: 4rem;
        text-shadow: 0 0 15px #333;
    }

    .sangar-slideshow-container .sangar-textbox-content>div p {
        font-size: 1.6rem;
    }

    .sangar-slideshow-container>.default div>span.sangar-arrow-left {
        left: 15px;

    }

    .sangar-slideshow-container>.default div>span.sangar-arrow-right {
        right: 15px;

    }

    .sangar-slideshow-container div.sangar-slider-nav span.sangar-arrow-right,
    .sangar-slideshow-container div.sangar-slider-nav span.sangar-arrow-left {
        width: 30px;
        height: 30px;
    }

    #speakers .col-md-3 {
        padding: 0 3rem;
    }

    #speakers .fieldr {
        width: 100%;
    }

    #overview h3,
    #detail h3,
    #video h3,
    #register h3,
    #venue h3,
    #contact h3 {
        font-size: 30px
    }

    .navList {
        padding: 0;
    }

    .smenu {
        padding-left: 15px;
    }

    .scontent {
        padding: 0 3rem;
    }

    ul.col-news-list.xxlb {
        padding: 0
    }

    .xxlb li.list_item a.news-title {
        width: 95%;
        line-height: 24px;
        font-size: 1.5rem;
    }

    .pathc {
        margin-bottom: 0px;
  margin-left:0;
    }

    .lanmulist div h3 {
        font-size: 20px;
        padding-left: 0;
        margin: 10px;
    }
}

@media (max-width: 980px) {
    .container {
        padding: 0 15px;
        width: 100%;
    }
.eventstitle{margin-left:0;}
    .row {
        margin: 0 -15px;
    }

    p {
        font-size: 13px;
    }

    #speakers .col-md-3 {
        display: block;
        padding: 0 2rem;
    }

    .custom-navbar {
        padding-top: 5px;
        padding-bottom: 0;
    }

    .custom-navbar .navbar-brand {
        font-size: 2rem;
    }

    .custom-navbar.top-nav-collapse .navbar-brand img {
        max-width: 100%;
    }

    .custom-navbar .snav ul {
        padding: 0 10px 0 0;
        margin-bottom: 0
    }

    .custom-navbar .nav li a {
        font-size: 12px;
        line-height: 20px;
        padding: 0 10px;
    }

    .custom-navbar.top-nav-collapse .nav li a {
        font-size: 12px;
        line-height: 20px;
        padding: 0 10px;
    }

    .htmleaf-content .btn,
    #contact .btn {
        font-size: 14px;
        padding: 8px 20px;
        margin-top: 22px;

    }

    #overview {
        margin-top: 58px;
    }

    #intro {
        height: 65vh;
    }

    #video iframe {
        margin-top: 42px;
    }

    #contact .contact_detail {
        background: #ffffff;
        padding: 10rem 3rem 10rem 5rem;
    }

    footer .col-md-3 {
        padding: 0;
        margin: 0
    }
}

@media (max-width: 768px) {
#overview {
        margin-top: 100px;
    }
    .custom-navbar {
        background: #0068b7;
    }

    .custom-navbar .navbar-header {
        float: none;
        width: 100%;
    }
.scontent p video,.scontent video{width:100% !important; height:auto !important;}
    .custom-navbar .navbar-brand {
        float: left;
        width: 80%;
        padding-top: 15px;
    }

    .custom-navbar.top-nav-collapse .navbar-brand {
        float: left;
        width: 80%;
    }

    .custom-navbar .navbar-brand img {
        max-width: 100%;
    }

    .custom-navbar.top-nav-collapse .navbar-brand img {
        max-width: 80%;
    }

    .custom-navbar .snav {
        float: none;
    }

    .custom-navbar .snav li a {
        padding-left: 10px;

    }

    .custom-navbar .nav {
        padding-left: 25px;
        float: none;
    }

    .newstitle,
    .eventstitle,
    .section-title {
        margin-left: 0;
    }

    #overview img,
    #detail .col-md-4,
    #register form {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    #overview h3,
    #detail h3,
    #video h3,
    #register h3,
    #venue h3,
    #contact h3 {
        font-size: 22px;
        line-height: 28px;
    }

    .wow .toutime {
        font-size: 14px;
    }

    .custom-navbar .navbar-collapse {
        width: 100%;
        float: none;
    }

    .nav-tabs>li>a {
        font-size: 13px;
    }

    .newstitle h2,
    .eventstitle h2,
    .section-title h2 {
        font-size: 30px;
    }

    .fix_768{
        display: flex;
        align-items: flex-end;
    }

    #program img {
        padding-bottom: 0;
    }

    #sponsors img {
        padding-top: 22px;
    }

    #contact .contact_detail {
        margin-top: 82px;
    }

    #portfoliolist .portfolio {
        width: 48%;
        margin: 1%
    }

    .xxlb li.list_item {
        width: 50%;
        padding: 8px 0;
        background: none;
        float: left;
    }

    .xxlb li.list_item a.news-title {
        width: 95%;
        line-height: 24px;
        font-size: 1.5rem;
    }

    #speakers h5 {
        margin-top: 0;
        min-height: 50px;
        line-height: 26px;
    }

    #speakers .speakers-thumb p {
        height: auto;

    }

    #speakers .col-md-3 {
        margin-bottom: 15px;
        padding: 0;
    }

    .lmtcontent {
        bottom: 10rem;
        left: 1rem;
    }

    .down_logo {

        text-align: center
    }

    .custom-navbar .navbar-brand img {
        max-width: 80%;
        padding: 0;
    }

    .lanmulist div h3 {
        font-size: 24px
    }

    .htmleaf-content {
        display: none
    }

    .lanmulist div h3 {
        font-size: 20px;
        margin-left: 0;
    }

    .lanmulist div p {
        padding: 0;
    }

    .smenu ul {
        margin-left: 0px;
        padding-left: 25px;
    }

    .scontent h3 {
        font-size: 24px;
        margin-bottom: 10px;
    }

    .scontent h4 {
        text-align: left;
        font-size: 16px;
    }

    .fact1 .pflist .pftitle {
        height: 40px;
        font-size: 16px !important;
    }

    .fact1 .pflist {

        padding-top: 30px;

    }

    .fact1 .pflist p {
        width: 100% !important;
    }

    .fact2 .flist2 p {
        text-align: center !important;
        text-indent: 0 !important;
        line-height: 30px !important;
    }

    .fact2 .fcontent {
        margin: 0;
        padding: 0
    }

    .scontent {
        padding: 0 15px;
    }

    .scontent ul {
        padding: 0;

    }

    .scontent ul li .lpic {
        float: none;
        width: 100%;
        height: auto;

    }

    .scontent ul li .newscon {
        float: none;
        width: 100%;
        margin-left: 0;
    }

    .scontent ul li .newstitle {

        font-size: 20px;

    }

    .about-history-list .flex-viewport {
        padding: 0;
    }

    .about-history-list .slides {
        width: 100% !important;
        padding: 0;
        margin: 0;
    }

    .about-history-list .slides li {
        position: relative;
        width: 100%;
        height: auto;
        margin-right: 0;
        padding-left: 0;
        border: none;

    }

    .about-history-list .slides li .item {
        position: relative;
        height: auto;
        right: 0;
        left: 0;
    }
}
@media (max-width: 767px) {
    .fix_768{
        display: block;
    }
    #program img {
        width: 100%;
    }
    #program .resc9 {
        margin-top: 0px;
        margin-left: 0px;
    }
.scontent iframe{width:100% !important; height:600px !important;}
}
@media (max-width: 670px) {
#program .resc2, #program .resc3{margin-top:0;}
}
@media (max-width: 560px) {
.eventtitle{height:auto;}

}
@media (max-width: 480px) {#overview {
        margin-top: 58px;
    }
    .xxlb li.list_item {
        width: 100%;
        padding: 4px 0;
        background: none;
        float: left;

    }

    .xxlb li.list_item a.news-title {
        height: auto;
        line-height: 30px;
    }
}